<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录UBISOFT</title>
		<style type="text/css">
			html,body{
				background-color: #000000;
				font-size: 13px;
				/* background: url(imgs/bg.jpg); */
				font-size: inherit;
				color: #FFFFFF;
			}
			
			.liubai{
				height: 50px;
				width: 100%;
			}
			
			.Box1{
				margin-left: auto;
				margin-right: auto;
				padding-left: 13px;
				padding-right: 13px;
				/* border: #EE0000 solid 1px; */
			}
			
			.Box2{
				margin: 30px 300px;
				width: 500px;
				/* border: #EE0000 solid 1px; */
				/* background: url(imgs/bg.jpg); */
			}
			
			.xiaoLiubai{
				height: 30px;
				width: 100%;
				/* border: #EE0000 solid 1px; */
			}
			
			.xiaoLiubai1{
				height: 10px;
				width: 100%;
				/* border: #EE0000 solid 1px; */
			}
			
			.logo{
				margin-right: 150px;
				margin-left: 150px;
				font-size: 30px;
			}
			
			.duihuakuang{
				margin-left: 0px;
				margin-right: 0px;
				padding-top: 10px;
				/* border: #EE0000 solid 1px; */
			}
			
			.tishiwenzi{
				margin-left: 50px;
			}
			
			.shurukuang{
				margin-left: 50px;
			}
			
			.Td{
				/* border: #696969 solid 1px; */
				width: 180px;
				padding: 5px;
				
			}
			
			.Td a{
				text-decoration: none;
				font-style: oblique;
				color: #FFFFFF;
			}
			
			.checkbox{
				margin-left: 50px;
				margin-top: 5px;
				margin-bottom: 10px;
			}
			
			.creatID{
				color: #FFFFFF;
				background-color: #294174;
				border-color: #294174;
				font-size: 1.3em;
				height: 29px;
				font-weight: 500;
				margin: 10px 20px;
				align-content: center;
				text-align: center;
			}
			
			.creatID a{
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
			}
			

			
		</style>
	</head>
	<body>
		<div class="liubai">
			
		</div>
		<div class="Box1">
			<div class="Box2">
				<div class="xiaoLiubai">
					
				</div>
				<div class="jiemian">
					<div class="top">
						<div class="logo">
							<img src="imgs/Ubi-logo1.jpg" style="width: 30px; height: 30px; align-self: center;" />UBISOFT
						</div>
						<div class="duihuakuang">
							<div id="youxiang" class="tishiwenzi" style="font-size: 17px;">
								邮箱
							</div>
							<div id="eMail" class="shurukuang">
								<input type="text" style="width: 400px;"/>
							</div>
							<div class="xiaoLiubai">
								
							</div>
							<div id="youxiang" class="tishiwenzi" style="font-size: 17px;">
								密码
							</div>
							<div id="eMail" class="shurukuang">
								<input type="text" style="width: 400px;"/>
							</div>
							<div class="xiaoLiubai1">
								
							</div>
							<div class="" style="margin-left: 50px;">
							<table>
								<tr id="tr1">
									<td id="td1" class="Td">
										<input type="submit" name="submit" id="submit1" value="登入" style="width: 50px;" />
									</td>
									<td class="Td"></td>
									<td class="Td"></td>
									<td class="Td"></td>
									<td class="Td" style="font-size: 10px;">
										<a href="#">忘记密码？</a>
									</td>
								</tr>
							</table>
							</div>
							<div class="checkbox" id="RememberMe">
								<input type="checkbox" />记住密码
							</div>
							<div class="xiaoLiubai1">
								
							</div>
							<div class="creatID">
								
								<a href="creatID.html">
									<div class="wenzi1">
										创建一个UBISOFT账号
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
